<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title><#if entity.commentsVideoId??>编辑<#else>新增</#if>评论视频</title>
    <#include "/view/admin/head.html"/>
    <script type="text/javascript" src="${base}/jstool/bootstrap-fileinput/js/fileinput.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-fileinput/js/locals/zh.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-fileinput/css/fileinput.min.css" />
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />


    <script type="text/javascript" src="${base}/jstool/bootstrap-validator-0.5.3/js/bootstrapValidator.min.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-validator-0.5.3/lang/zh_CN.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-validator-0.5.3/css/bootstrapValidator.min.css" />


    <style type="text/css">
        .list-path {
            height: 50px;
            line-height: 50px;
            background-color: #9acfea;
        }

        .table-class {
            width: 90%;
            text-align: center;
            border: 1px solid #afd9ee;
            margin: 0 auto;
            margin-top: 50px;
        }

        table th {
            width: 20%;
            background-color: #d9edf7;
            text-align: right;
        }

        table td {
            width: 20%;
            text-align: left;
        }


    </style>
    <script type="text/javascript">

        $(function(){
            //初始化

                $('#picPath').fileinput({
                    language: 'zh', //设置语言
                    allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀
                    showUpload: false, //是否显示上传按钮
                    showCaption: false,//是否显示标题
                    browseClass: "btn btn-primary", //按钮样式
                    previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                });
                $('#videoUrl').fileinput({
                    language: 'zh', //设置语言
                    allowedFileExtensions : ['mp4', 'rmvb','rm','avi','wmv'],//接收的文件后缀 MP4 RMVB RM avi wmv
                    showUpload: false, //是否显示上传按钮
                    showCaption: false,//是否显示标题
                    browseClass: "btn btn-primary", //按钮样式
                    previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                });


                $('#approveTime').datetimepicker();
                $('#createTime').datetimepicker();




            $('#czjcommentsvideoForm').bootstrapValidator({
                message: 'This value is not valid',
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
















                }
            });


        });

    </script>
</head>
<body>

<#include "/view/admin/listnav.html"/>


<div class="table-class">
    <#include "/view/admin/opermsg.html"/>
    <form id="czjcommentsvideoForm" action="${base}/czjcommentsvideo/save.do"
     method="post" enctype="multipart/form-data"  >
    <table class="table table-bordered">

                        <input type="hidden" style="display: none" name="commentsVideoId" value="${entity.commentsVideoId!}"/>


                <tr>
                <th>视频缩图</th>
                <td>
            <#if entity.picPath??>
                        <img src="${base}${entity.picPath!}" height="100px">
            </#if>

                    <input type="file" class="form-control" id="picPath" name="filePicPath" >
                </td>
                

                
                <th>评论视频</th>
                <td>
                    <#if entity.videoUrl??&&entity.videoUrl!=''>
                        <video width="700px" height="500" controls autobuffer>
                            <source src="${base}${entity.videoUrl!}" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source>
                        </video>
                        <#else>视频不存在
                    </#if>

                    <input type="file" class="form-control" id="videoUrl" name="fileVideoUrl" >
                </td>
                </tr>

                <tr>
                <th>评论</th>
                <td>
                    <div class="form-group">
                        <select id="commentsId" name="commentsId"
                                class="form-control selectpicker"   data-live-search="true"
                        >
                            <option value="">请选择评论</option>
                                    <#list listCommentsId as lv>
                                        <option value="${lv.value!}"
                                        <#if lv.value??&&entity.commentsId??&&entity.commentsId == lv.value >
                                            selected="selected"
                                        </#if>
                                            >${lv.name!}</option>
                                    </#list>

                        </select>
                    </div>
                </td>
                

                
                <th>审批状态</th>
                <td>
                    <div class="form-group">
                        <select id="approveStatus" name="approveStatus"
                                class="form-control"
                        >
                            <option value="">请选择审批状态</option>
                                            <option value="0" <#if entity.approveStatus??&&0 == entity.approveStatus>selected="selected"</#if>>审批中</option>

                                            <option value="1" <#if entity.approveStatus??&&1 == entity.approveStatus>selected="selected"</#if>>审批通过</option>

                                            <option value="2" <#if entity.approveStatus??&&2 == entity.approveStatus>selected="selected"</#if>>审批不通过</option>


                        </select>
                    </div>
                </td>
                </tr>

                <tr>
                <th>审批时间</th>
                <td>
                    <input type="text" class="form-control" value="<#if (entity.approveTime)?? >${entity.approveTime?string('yyyy-MM-dd HH:mm:ss')}</#if>" id="approveTime" name="approveTime" data-date-format="yyyy-mm-dd hh:ii:ss">
                </td>
                

                
             <#--   <th>创建时间</th>
                <td>
                    <input type="text" class="form-control" value="<#if (entity.createTime)?? >${entity.createTime?string('yyyy-MM-dd HH:mm:ss')}</#if>" id="createTime" name="createTime" data-date-format="yyyy-mm-dd hh:ii:ss">
                </td>-->
                </tr>

                        <input type="hidden" style="display: none" name="delFlag" value="${entity.delFlag!}"/>



        <tr>
            <td colspan="4" width="100%" style="text-align: center;">
                <input type="submit" class="btn btn-success " value="保存"/>
                <span style="width: 20px;">&nbsp;</span>
                <a class="btn btn-danger " href="javascript:window.history.go(-1)">
                   </span>返回</a>
            </td>
        </tr>

    </table>
</form>




</div>

<script type="text/javascript">

</script>


</body>
</html>
